/* Reset --------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
body {
  font-family: "Microsoft JhengHei","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  background-color: #fff;
  margin: 20px 0 0 0;
}

img{border:0;vertical-align:top;}
:focus{outline:0;}
/* Headings */
h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#494848;}
h1{font-size:20px;font-weight:400;}
h2{font-size:18px;font-weight:400;}
h3{font-size:16px;font-weight:700;}
h4{font-size:14px;font-weight:700;}
h5{font-size:12px;font-weight:700;}
h6{font-size:11px;font-weight:700;}
/* Forms */
form{display:inline;}
fieldset{border:0;}
legend{display:none;}
/* Table */
table{border:0;/*border-collapse:collapse;*/border-spacing:0;empty-cells:show;font-size:100%;border-collapse:collapse; background: #fff;}
caption,th,td{vertical-align:top;font-weight: normal; color: #666}
table th{text-align:center;}
table b{color: #2E2E2E; font-family: Verdana; font-size: 14px;}
table hr{margin: 5px 0}
/* Content */
p{margin:0 0 10px;color:#636363;font-size:12px;}
strong{font-weight:700;}
address{font-style:normal;line-height:1.35; color: #666}
cite{font-style:normal;}
q,blockquote{quotes:none;}
q:before,q:after{content:'';}
small,big{font-size:1em;}

ul,ol{list-style:none;}
/* Tools */
.hidden{display:block!important;border:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;width:0!important;height:0!important;overflow:hidden!important;}
.nobr{white-space:nowrap!important;}
.wrap{white-space:normal!important;}
.a-left{text-align:left!important;}
.a-center{text-align:center!important;}
.a-right{text-align:right!important;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.f-left,.left{float:left!important;}
.f-right,.right{float:right!important;}
.f-none{float:none!important;}
.f-fix{float:left;width:100%;}
.no-display{display:none;}
.no-margin{margin:0!important;}
.no-padding{padding:0!important;}
.no-bg{background:none!important;}
.no-border{border:none!important;}
.clear{clear:both;}
a.text-line{text-decoration:underline;}
a{text-decoration:none;color: #969696;}
.green{color:#56cb00!important;}
.red{color:red!important;}
.black{color:#2E2E2E!important;}
.graw{color:#4c4c4c!important;}
.orange{color:#e44a04!important;}
.blue{color:#1c85d1!important;}
.left-20{padding-left:20px;}
.right-20{padding-right:20px;}
.mb0{margin-bottom: 0!important;}

.pager { text-align: center;}
.pager a {display: inline;}
.pager a{padding: 4px 12px;line-height: 20px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;}
.pager a.hover {background-color: #f5f5f5;}
.btn{line-height: 24px; text-align: center; color: #FFF; font-size: 12px; padding: 0 10px; border:none 0px; height: 24px; background: #828282}

.header, .main, .footer{width: 900px; margin: 0 auto; background: #fff; padding: 0 15px;}
.head{}
.head .header{height: 154px; border: 2px solid #828282; border-bottom: none;}
.head .header .logo{margin-top: 35px;float: left;}
.head .header .logo strong{ display: none;}
.head .header .logo a{}
.head .header .topbar{float: right; padding: 14px 0 100px 0; background: url(../images/j.png) 453px 48px no-repeat; width: 500px;}
.head .header .topbar ul{ float: right;}
.head .header .topbar li{float: left; line-height: 14px; padding: 0 13px; border-right: 1px solid #787878}
.head .header .topbar li.last{border-right: none;}
.head .header .topbar li.active a{color: #323232; }
.head .header ul.topmenu{ float: left; padding:0;}
.head .header ul.topmenu li{float: left;position: relative;z-index: 999; margin-right: 20px;}
.head .header ul.topmenu li a{float: left; width: 100px; line-height: 22px; border-bottom:4px solid #c8c8c8; color: #7d7d7d; }
.head .header ul.topmenu li.last{}
.head .header ul.topmenu li a:hover, .head .header ul.topmenu li.active a{ border-bottom:4px solid #646464;}
.head .header ul.topmenu li ul{display:none; background: #efefef; position: absolute; left: 0px; top: 26px; width: 175px;  border-top: 1px solid #d2d2d2; z-index: 999;}
.head .header ul.topmenu li ul li{ margin: 0;  display: block; float: none;}
.head .header ul.topmenu li ul li.last{border-bottom: none; border-right: none;}
.head .header ul.topmenu li ul li a{margin: 0; padding: 0; font-size: 12px; font-weight: normal;line-height: 30px; width: auto; display: block; float: none; padding-left: 10px;}
.head .header ul.topmenu li ul li a:hover{color: #000;}
.head .header ul.topmenu li.active ul li a{color: #323232}
.foot{}
.foot .footer{ border-top: 2px solid #b4b4b4; background: #f9f9f9;}
.footer-container{text-align: left; padding: 10px 15px; float: left;}
.footer-container address{line-height: 15px; font-size: 11px; color: #787878;}
.subscibe{float: right; padding: 9px 5px 0 0;}
.subscibe #email{border: 1px solid #828282; line-height: 22px; padding: 0 4px; margin-right: 7px; height: 22px; width: 165px;}
.subscibe #sendSubscibe{}

.main{ border: 2px solid #828282; border-top:none; border-bottom: none; padding-bottom: 52px;}
.columns-left .main{padding-bottom: 0;}
.columns .main{background: #fff;}
.columns .col-main{padding: 0px;}
#slides{clear: both; position: relative; height: 298px; overflow: hidden;border: 1px solid #d2d2d2;}
.slides_container{height: 298px; overflow: hidden;}
.slides_container .slide{}
.slides_container img{}
#slides .pagination{position: absolute; top: 282px; z-index: 99; left: 50%;}
#slides .pagination li{float: left; margin-right: 5px;}
#slides .pagination li a{float: left; height: 10px; width: 10px; background: url(../images/slider-page.png) left center no-repeat; text-indent: -9999px;}
#slides .pagination li a:hover, #slides .pagination li.current a{background: url(../images/slider-page.png) right center no-repeat;}

.index-box{margin-top: 18px;}
.index-left h2, .index-right h2{color: #fff;padding-left: 14px; font-size: 14px; line-height: 24px; background: #aaaaaa; font-weight: bold; }
.index-left{width: 585px; float:left;}
.index-news{}
.index-news li{ padding: 5px 0; border-bottom: 1px dashed #b9b2aa;}
.index-news li a{ font-size: 12px;line-height: 22px; color: #5a5a5a;}
.index-news li a:hover{}
.index-news li span{ color: #5a5a5a; font-size: 10px; float: right;}

.index-right{float: right; width: 280px;}
.index-right{}
.index-right .index-content{line-height: 20px; font-size: 12px; padding: 18px 8px; color: #5a5a5a;}
.index-right .index-img{padding: 0px 8px;}
.index-right .index-img table{ width: 100%;}
.more{padding: 46px 0 0 0}

.col-left{float: right;  width: 254px; padding-right: 15px;}
.col-left h2{background: #c8c8c8; line-height: 28px; padding-bottom: 7px; font-size: 14px; color: #fff; margin-bottom: 0;}
.col-left .ad-box{margin-bottom: 24px;border: 7px solid #c8c8c8;}
.col-left ul.leftnav{}
.col-left ul.leftnav li{padding: 5px 0; border-bottom: 1px dashed #b9b2aa;}
.col-left ul.leftnav li a{ font-size: 12px;line-height: 20px; color: #5a5a5a; padding-left: 27px; background: url(../images/home/index-new-li-bg.png) 14px center no-repeat;}
.page-content{padding: 15px 0; line-height: 20px;}

.product-content .attribute {background: #FFFFFF;float: left; width: 100%; clear: both;}
.attr{display:block; clear: both;border-right: 1px solid #d0d0d0; height: 282px; margin-top: 5px; padding: 0 16px;}

.production{text-align: center;}
.production .thumbnails{clear: both;}
.production .thumbnails li{float: left; margin-bottom: 6px; margin-right: 60px; width: 242px; text-align: center;}
.production .thumbnails li p{padding-left: 10px; line-height: 24px; background: #aaaaaa; text-align: left; color: #fff; font-size: 14px; margin: 0;}
.production .thumbnails li a{color: #fff;}
.production .thumbnails li.last{margin-right: 0;}
.production .thumbnails li img{margin: 0 auto;}
.production p{margin: 10px 0;}

.border{border: 1px solid #dbdbdb;}
.pd20{padding: 20px;}
.lr12{padding-left: 12px; padding-right: 12px; }
.contact-t h3{color: #AC783B; margin-bottom: 10px;}
.contact-t p{margin-bottom: 0; line-height: 20px;}
.feedback{margin: 20px 0;}
.feedback h3{margin-bottom: 16px;}
.feedback .input{border: 1px solid #cfcfcf; background: #f0f0f0;padding: 4px; width: 452px;}
.feedback .control-group{}
.feedback .control-label{float: left; width: 40px;}
.feedback .controls{margin-left: 40px; margin-bottom: 18px;}
.form-actions{clear: both; text-align: left;}
.form-actions .btn{float: none;}
.content-nav li{float: left;  background: url(../images/content-li-bg.png) right 6px no-repeat; padding-right: 15px; line-height: 20px; padding-left: 10px;}
.content-nav li.last{background: none;}
.content-nav li a{color: #5a5a5a;}
.breadcrumbs{ clear:  both;padding: 10px 0;}
.breadcrumbs li{line-height: 16px;display: inline;padding-right: 18px; background: url(../images/breadcrumbs.png) right center no-repeat; margin-right: 8px;}
.breadcrumbs li.active{background: none;color: #979797}
.breadcrumbs li a{ font-size: 12px; color: #979797;}
.breadcrumbs li a:hover{text-decoration: underline;}

.category-desc{}
.category-desc h3{font-size: 16px;color: #353535; margin-bottom: 0;}
.category-desc p{color: #666666;line-height: 22px; margin-bottom: 5px;}

.promote{}
.promote ul{}
.promote ul li{ border-bottom: 1px solid #c8c8c8; margin-bottom: 10px;}
.promote ul li.last{border-bottom: none;}
.promote ul li h3{ margin-bottom: 0px; font-size: 16px;}
.promote ul li p{color: #636363; line-height: 22px;}
.promote ul li a{ color: #313131;}
.columns-left .col-main{float: left; width: 585px;}
.col-main .page-title{margin-top: 12px; font-size: 16px; }
.pages{text-align: right; padding: 10px 0;}
.pages a{padding: 0 0 0 4px;}
.pages a.hover{color: #5b5b5b}
.item{}
.item .item-title{color: #343434; margin-bottom: 10px; font-size: 14px;}
.item .item-content{}
.selected_box{padding: 5px 0; background: #f4f4f4;display: none;}
.attr_box{ display: inline;}
.selected_attr{border: 1px solid #ac783b; display: inline; margin-right: 10px; padding: 2px 21px 2px 5px; position: relative;}
.selected_attr font{color: #5a5a5a;}
.selected_attr {color: #ac783b;}
.selected_attr font.remove{background: url(../images/remove.png); width: 11px; height: 11px; position: absolute; right: 5px; cursor: pointer; top: 5px;}